<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head th:replace="public::head('博士后信息')">
</head>
<body>
<div class="container-fluid" style="padding: 0;">
    <div id="BshXinxidetail" >

        <div class="primary-content" style="height: 600px;">
            <div class="left" style="width: 39%;padding-top:20px;float: left;">

                <table class="table table-bordered" style="margin-bottom:10px;">
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;">
                            姓名
                        </th>
                        <td class="center middle">
                            <input id="truename" v-model="" class="form-control" type="text" style="background-color:#fff;margin-top: 6px;"
                                   placeholder="请输入姓名"/>
                        </td>
                        <th class="center middle" style=";background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;">
                            单位名称
                        </th>
                        <td class="center middle">
                            <input id="dept" v-model="" class="form-control" type="text" style="background-color:#fff;margin-top: 6px;"
                                   placeholder="请输入单位名称"/>
                        </td>
                    </tr>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;">
                            民族
                        </th>
                        <td class="center middle" style="">
                            <select class="form-control" v-model="" style="margin-top: 6px;">
                                <option value="">-- 请选择 --</option>
                                <option>汉族</option>
                                <option>少数民族</option>
                            </select>
                        </td>
                        <th style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            籍贯
                        </th>
                        <td class="center middle">
                            <select class="form-control" v-model="" style="margin-top: 6px;">
                                <option value="">-- 请选择 --</option>
                                <option>江苏省</option>
                                <option>安徽省</option>
                                <option>浙江省</option>
                                <option>山东省</option>
                                <option>内蒙古</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;">
                            性别
                        </th>
                        <td class="center middle" style="">
                            <select class="form-control" v-model="" style="margin-top: 6px;">
                                <option value="">-- 请选择 --</option>
                                <option>男</option>
                                <option>女</option>
                            </select>
                        </td>
                        <th style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            学科
                        </th>
                        <td class="center middle">
                            <select class="form-control" v-model="" style="margin-top: 6px;">
                                <option value="">-- 请选择 --</option>
                                <option>医学</option>
                                <option>计算机</option>
                                <option>数学</option>
                                <option>化学</option>
                                <option>物理学</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;" colspan="2">
                            在站时间
                        </th>
                        <td class="center middle" colspan="2">
                            <input v-model="" class="form-control" type="text" style="float:left;width:200px;background-color:#fff;margin-top: 6px;"
                            />
                            <div style="float: left;margin:0 5px;line-height:45px;">~</div>
                            <input v-model="" class="form-control" type="text" style="float:left;width:200px;background-color:#fff;margin-top: 6px;"
                            />
                        </td>
                    </tr>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);line-height: 45px;text-align: center;" colspan="2">
                            考核时间
                        </th>
                        <td class="center middle" colspan="2">
                            <input v-model="" class="form-control" type="text" style="float:left;width:200px;background-color:#fff;margin-top: 6px;"
                                   />
                            <div style="float: left;margin:0 5px;line-height:45px;">~</div>
                            <input v-model="" class="form-control" type="text" style="float:left;width:200px;background-color:#fff;margin-top: 6px;"
                                   />
                        </td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr style="text-align: center;font-size: 18px;">
                        <td class="center middle">配偶信息(1)
                        </td>
                        <td class="center middle">子女信息(2)
                        </td>
                        <td class="center middle">学习经历(2)
                        </td>
                        <td class="center middle">留学经历(1)
                        </td>
                    </tr>
                    <tr style="text-align: center;font-size: 18px;">
                        <td class="center middle"><a style="color: #00a9dc;cursor: pointer;" onclick="showLunwen();">论文(5)</a>
                        </td>
                        <td class="center middle">专利(4)
                        </td>
                        <td class="center middle">专著(2)
                        </td>
                        <td class="center middle">项目(3)
                        </td>
                    </tr>
                    <tr style="text-align: center;font-size: 18px;">
                        <td class="center middle">科研成果(4)
                        </td>
                        <td class="center middle">奖励(3)
                        </td>
                        <td class="center middle">获选基金(1)
                        </td>
                        <td class="center middle">
                        </td>
                    </tr>
                </table>

                <table class="table table-bordered">
                    <tr>
                        <td class="center middle" style="text-align: center" >
                            <button class="btn btn-success btn-lg" @click="">保存</button>
                        </td>
                    </tr>
                </table>

            </div>

            <div class="right" style="width: 59%;float: right;">

                <table class="table table-hover table-striped listTable" width="45%" id="lunwenlist" style="display: none;">
                    <thead>
                        <th style="text-align:left;vertical-align:middle;" colspan="5">
                            论文
                            <button class="btn btn-md btn-default" onclick="showLunwenDetail();" style="margin-left: 10px;">新增</button>
                        </th>
                    </thead>
                    <thead>
                        <th style="text-align:center;vertical-align:middle;">题目</th>
                        <th style="text-align:center;vertical-align:middle;">论文发表的学术刊物或会议名称
                        </th>
                        <th style="text-align:center;vertical-align:middle;">期刊类型</th>
                        <th style="text-align:center;vertical-align:middle;">发表时间
                        </th>
                        <th style="text-align:center;vertical-align:middle;width:200px;">操作</th>
                    </thead>

                    <tbody>
                    <tr class="ld" style="cursor: pointer;">
                        <td style="text-align:center;vertical-align:middle;">萨孟武政论思想述评</td>
                        <td style="text-align:center;vertical-align:middle;">哈尔滨师范大学社会科学学报</td>
                        <td style="text-align:center;vertical-align:middle;">国内刊物</td>
                        <td style="text-align:center;vertical-align:middle;">2014-05-15</td>
                        <td style="text-align:center;vertical-align:middle;"><button onclick="showLunwenDetail();" class="btn btn-info">查看</button><button class="btn btn-danger" style="margin-left:2px;">删除</button></td>
                    </tr>
                    <tr class="ld" style="cursor: pointer;">
                        <td style="text-align:center;vertical-align:middle;">柳诒徵研究综述</td>
                        <td style="text-align:center;vertical-align:middle;">黑龙江史志</td>
                        <td style="text-align:center;vertical-align:middle;">国内刊物</td>
                        <td style="text-align:center;vertical-align:middle;">2014-10-08</td>
                        <td style="text-align:center;vertical-align:middle;"><button onclick="showLunwenDetail();" class="btn btn-info">查看</button><button class="btn btn-danger" style="margin-left:2px;">删除</button></td>
                    </tr>
                    <tr class="ld" style="cursor: pointer;">
                        <td style="text-align:center;vertical-align:middle;">张其昀的孔子观：文化道统与文化开新</td>
                        <td style="text-align:center;vertical-align:middle;">孔子研究</td>
                        <td style="text-align:center;vertical-align:middle;">国内刊物</td>
                        <td style="text-align:center;vertical-align:middle;">2016-06-08</td>
                        <td style="text-align:center;vertical-align:middle;"><button onclick="showLunwenDetail();" class="btn btn-info">查看</button><button class="btn btn-danger" style="margin-left:2px;">删除</button></td>
                    </tr>
                    <tr class="ld" style="cursor: pointer;">
                        <td style="text-align:center;vertical-align:middle;">孔乙己形象：近百年社会变迁的文化标本</td>
                        <td style="text-align:center;vertical-align:middle;">哈尔滨师范大学社会科学学报</td>
                        <td style="text-align:center;vertical-align:middle;">国内刊物</td>
                        <td style="text-align:center;vertical-align:middle;">2017-01-15</td>
                        <td style="text-align:center;vertical-align:middle;"><button onclick="showLunwenDetail();" class="btn btn-info">查看</button><button class="btn btn-danger" style="margin-left:2px;">删除</button></td>
                    </tr>
                    <tr class="ld" style="cursor: pointer;">
                        <td style="text-align:center;vertical-align:middle;">新时期党外知识分子工作论析</td>
                        <td style="text-align:center;vertical-align:middle;">长江丛刊</td>
                        <td style="text-align:center;vertical-align:middle;">国内刊物</td>
                        <td style="text-align:center;vertical-align:middle;">2019-07-05</td>
                        <td style="text-align:center;vertical-align:middle;"><button onclick="showLunwenDetail();" class="btn btn-info">查看</button><button class="btn btn-danger" style="margin-left:2px;">删除</button></td>
                    </tr>
                    </tbody>
                </table>

            </div>

        </div>

        <div id="EditModal" style="" class="modal fade bs-example-modal-lg"
             tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 820px">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel"></h4>

                    </div>
                    <div class="modal-body" style="overflow: auto;">
                        <div style="width: 800px; margin: 0 auto; margin-top: 15px">
                            <form class="form-horizontal col-sm-12" role="form">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">
                                        题目
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control">
                                    </div>
                                    <label class="col-sm-2 control-label">
                                        论文发表的学术刊物或会议名称
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">
                                        期刊类型
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control">
                                    </div>
                                    <label class="col-sm-2 control-label">
                                        发表时间
                                    </label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12" style="text-align: center;">
                                        <input type="button" class="btn btn-success"
                                               value="保存" onclick="">
                                        <input type="button" class="btn btn-warning"
                                               value="关闭" onclick="closeModal()">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.modal -->
        </div>
    </div>
</div>
</body>

<!--<script src="../js/bshxinxi/bshxinxi.js?ver=0.8"></script>-->
<script src="../js/plupload/plupload.js"></script>
<script src="../js/plupload/plupload.full.js"></script>
<script src="../js/upload_json.js?ver=1.0"></script>
<script src="../js/DatePicker/WdatePicker.js"></script>
<link href="../css/main.css?ver=1.0" rel="stylesheet" type="text/css"></link>
<link href="../css/dashboard.css?ver=1.1" rel="stylesheet" type="text/css"></link>
<link rel="stylesheet" href="../css/xadmin.css?ver=0.6">

<script>

    $(function(){

    });

    function openDetail(){
        xadmin.open('博士后详情','bshdetail.html',null,null,true);
    }

    function showLunwen(){
        $("#lunwenlist").show();
    }

    function showLunwenDetail(){
        $("#EditModal").modal();
    }

    function closeModal(){
        $("#EditModal").modal('hide');
    }
</script>
<style>
    select {
        width: auto;
        padding: 0 2%;
        margin: 0;
    }
    option{
        text-align:center;
    }
</style>

</html>